/* components/site-list.wxss */
/*颜色*/
/*数字*/
/*文字溢出隐藏*/
/*固定布局*/
/* grid是（布局 */
/*宽高*/
/* 字体大小*/
/* 行高 */
/* 圆角 */
/* 外边距 */
/* 内边距 */
/* 实边框 */
/* 虚边框 */
/* 定位  */
/* 数组  */
.record-in .aaa1 {
  color: #909399;
}
.record-in .aaa2 {
  color: #1487FA;
}
.record-in .aaa3 {
  color: #F7A14A;
}
.record-in .aaa4 {
  color: #72C23D;
}
.record-in .aaa5 {
  color: #606266;
}
.firstImg {
  width: 702rpx;
  height: 166rpx;
  position: absolute;
  margin-left: 24rpx;
  z-index: 1;
}
.superLabel {
  width: 107rpx;
  height: 111rpx;
  position: absolute;
  margin-left: 24rpx;
  z-index: 3;
}
.order {
  background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
  border: 2rpx solid #FFFFFF;
  box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
  margin: 16rpx 26rpx;
  border-radius: 16rpx;
  padding: 39rpx 32rpx 27rpx 31rpx;
}
.order .top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20rpx;
}
.order .top .left {
  display: flex;
  align-items: center;
  color: #1A1A1A;
  font-size: 30rpx;
  font-weight: bold;
}
.order .top .top_name {
  width: 390rpx;
  z-index: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  /*隐藏*/
  white-space: nowrap;
  /*不换行*/
  text-overflow: ellipsis;
  /* 超出部分省略号 */
}
.order .top .right {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 40rpx;
  color: #1487FA;
}
.order .top .right image {
  width: 25rpx;
  height: 24rpx;
  margin-left: 10rpx;
}
.order .top .right.ok {
  color: #1487FA;
}
.order .item {
  display: flex;
  width: 100%;
}
.order .item .left {
  margin-right: 20rpx;
}
.order .item .left .superLabel {
  width: 103rpx;
  height: 62rpx;
  position: absolute;
  margin-top: -30rpx;
  margin-left: -8rpx;
}
.order .item .left .icon {
  width: 160rpx;
  height: 160rpx;
  background: #FFFFFF;
  border: 2rpx solid rgba(255, 255, 255, 0.3);
  box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(218, 218, 220, 0.3);
  border-radius: 8rpx;
}
.order .item .left .serveTime1 {
  width: 161rpx;
  text-align: center;
  padding: 7rpx 0rpx 7rpx 0rpx;
  background: #595C69;
  opacity: 0.6;
  border-radius: 0rpx 0rpx 8rpx 8rpx;
  position: absolute;
  margin-top: -46rpx;
  margin-left: 1rpx;
}
.order .item .left .serveTime2 {
  width: 161rpx;
  text-align: center;
  padding: 7rpx 0rpx 7rpx 0rpx;
  background: #595C69;
  opacity: 0.6;
  border-radius: 0rpx 0rpx 8rpx 8rpx;
  position: absolute;
  margin-top: -76rpx;
  margin-left: 1rpx;
}
.order .item .left .showTime {
  display: inline-block;
  font-size: 20rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FEFEFE;
}
.order .item .content {
  flex: 1;
  position: relative;
  padding: 8rpx 0 0rpx;
}
.order .item .content .type .exceed {
  display: flex;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  align-items: center;
}
.order .item .content .type .exceed image {
  width: 51rpx;
  height: 40rpx;
  margin-right: 14rpx;
}
.order .item .content .type .exceed .blue {
  color: #1487FA;
}
.order .item .content .type .exceed .orange {
  color: #FC724C;
}
.order .item .content .type .exceed .green {
  color: #78C744;
}
.order .item .content .type .exceed .text-color4 {
  color: #909399;
}
.order .item .content .type .collection {
  width: 32rpx;
  height: 30rpx;
  position: absolute;
  right: 0rpx;
  top: 72rpx;
}
.order .item .content .price {
  display: flex;
  align-items: baseline;   
}
.order .item .content .price-info {
  font-size: 40rpx;
  font-family: DIN Alternate;
  font-weight: bold;
  color: #FC724C;
  margin-top: 19rpx;
}
.order .item .content .price-info .sp {
  font-size: 24rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
}
.order .item .content .price-info .originalPrice {
  margin-left: 12rpx;
  font-size: 22rpx;
  font-family: PingFang SC;
  font-weight: 400;
  text-decoration: line-through;
  color: #909399;
}
.order .item .content .time {
  font-size: 20rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #C0C4CC;
  margin: 16rpx 0 14rpx;
}
.order .item .content .hargingType {
  font-size: 22rpx;
  width: 77rpx;
  height: 40rpx;
  color: #7b8082;
  position: absolute;
  right: 15rpx;
}
.order .tagList {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 14rpx;
}
.order .tagList .tag1 {
  background: rgba(20, 135, 250, 0.06);
  border-radius: 20rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #1487FA;
  padding: 9rpx 18rpx;
}
.order .tagList .tag2 {
  background: rgba(96, 98, 102, 0.06);
  border-radius: 20rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #909399;
  padding: 7rpx 18rpx;
  margin-right: 8rpx;
}
.order .tagList text {
  margin: 10rpx 0;
  display: block;
}
.order .bottom {
  padding-top: 25rpx;
  border-top: 1rpx solid #DCDFE6;
}
.order .bottom .show {
  display: flex;
  align-items: center;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #909399;
}
.order .bottom .show image {
  width: 26rpx;
  height: 26rpx;
  margin-right: 15rpx;
}
.popup-box {
  width: 590rpx;
  height: 400rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.popup-box .tips {
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #303133;
  margin-bottom: 119rpx;
}
.popup-box .btn {
  display: flex;
}
.popup-box .btn .Button1 {
  width: 220rpx;
  height: 88rpx;
  line-height: 80rpx;
  border: 1rpx solid #909399;
  border-radius: 44rpx 44rpx 44rpx 44rpx;
  background-color: #fff;
  margin-right: 30rpx;
}
.popup-box .btn .word1 {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #909399;
}
.popup-box .btn .Button2 {
  width: 220rpx;
  height: 88rpx;
  line-height: 80rpx;
  border-radius: 44rpx 44rpx 44rpx 44rpx;
  background: linear-gradient(105deg, #2B99FF, #1B8CF5);
  box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
}
.popup-box .btn .word2 {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #fff;
}
.mask {
  width: 100%;
  height: 100vh;
  background-color: rgba(56, 55, 55, 0.651);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
}
.windows {
  width: 590rpx;
  height: 400rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  position: fixed;
  left: 11%;
  top: 35%;
  z-index: 999;
}
.windows .tips {
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #303133;
  margin-bottom: 119rpx;
}
.windows .btn {
  display: flex;
}
.windows .btn .Button1 {
  width: 220rpx;
  height: 88rpx;
  line-height: 80rpx;
  border: 1rpx solid #909399;
  border-radius: 44rpx 44rpx 44rpx 44rpx;
  background-color: #fff;
  margin-right: 30rpx;
}
.windows .btn .word1 {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #909399;
}
.windows .btn .Button2 {
  width: 220rpx;
  height: 88rpx;
  line-height: 80rpx;
  border-radius: 44rpx 44rpx 44rpx 44rpx;
  background: linear-gradient(105deg, #2B99FF, #1B8CF5);
  box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
}
.windows .btn .word2 {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #fff;
}
